<template>
  <div class="content">
    <div class="search_content">
      <div class="search_l">
        <div class="search-city" onclick="">
          <!--<span><img src="../../assets/img/address_icon.png">厦门</span>-->
          <!--<i class="iconfont icon arrow-down"></i>-->
        </div>
        <!--<a @click="changeCity">更换城市</a>-->
      </div>
    </div>

    <div v-for="val in shopArr"  class="store_content">
      <img src="../../assets/img/md_pic.png">
      <div class="store_inform">
        <p>{{val.shopName}}</p>
        <p>{{val.shopTel}}</p>
        <i>{{val.shopAreaName}}{{val.shopAddress}}</i>
      </div>
    </div>

    <!--<div class="store_content">
      <img src="../../assets/img/md_pic.png">
      <div class="store_inform">
        <p>厦门店</p>
        <i>福建省厦门市XXXXXXXXXXXXXXXXXXXXXX</i>
      </div>
    </div>-->
  </div>
</template>

<script>
  import SxShopInfoApi from '@/api/manage/SxShopInfoApi';
  import '@/utils/rem'

  export default {
    data() {
      return {
        listQuery: {
          validFlag: '1',
          shopArea: ''
        },
        shopArr: [],//门店数据Arr
        citeArr: [],//城市JSON数据Arr
      }
    },
    mounted() {
      /*let that = this
      this.openId = localStorage.getItem("openId")
      this.userId = localStorage.getItem("token")
      getInfo(this.userId).then((res) => {
        this.nickName = res.nickName
        this.headImg = res.headImg
      })*/
    },
    created() {
      this.fetchData();
    },
    methods: {
      /*changeCity()*/
      fetchData() {
        let that = this;
        this.$http.all([SxShopInfoApi.findList(this.listQuery)])
          .then(this.$http.spread(function (perms) {
            that.shopArr = perms;
            console.log(that.shopArr);
          }));

      }
    }
  }
</script>

<style scoped>
  @import "../../assets/css/iconfont.css";
  @import "../../assets/css/login_selfcenter.css";
  @import "../../assets/css/reset.css";
  @import "../../assets/css/order_gift.css";
  @import "../../assets/css/index_appointment.css";
</style>
